<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>箭头函数</title>
</head>
<body>
<p>箭头函数提供了一种更让你更加简洁的函数书写方式，基本语法：参数 => 函数体。箭头函数多用于匿名函数的定义</p>

<script>
    //定义单参数带返回值的函数
    var fun1 = function (msg) {
        return msg + "world";
    }

    //调用函数
    var message = fun1("Hello");
    console.log(message);

    //使用箭头函数的方式  =>
    var fun2 = hh => hh + "world!!";
    console.log(fun2("Hi"));

    //多个参数的箭头函数，不能省略（）
    // =>  箭头左侧表示参数列表，箭头右侧表示的是方法体
    var add = (m, n) => m + n;
    console.log(add(1,1));
    //加入模板字串
    console.log(`1+1=${add(1,1)}`);

</script>
</body>
</html>